* {
    margin: 0;
    padding: 0;
    outline: none
}
body {
    width: 100%;
    color: #222;
    font: normal 12px/1.8em Arial, Helvetica, sans-serif;
    background: url( '../images/darkdenim3.png ') repeat
}
.main {
    width: 970px;
    background: #fff;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}
.clr {
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0px;
    line-height: 0px
}
.logo {
    display: block;
    width: 505px;
    height: 107px;
    background: url( '../images/tradepairslogo-trans1.png ') no-repeat
}
h2 {
    font: normal 24px Arial, Helvetica, sans-serif;
    padding: 8px 0;
    margin: 8px 0;
    color: #595959;
    border-bottom: 1px solid #dedede
}
p {
    margin: 0px 0px 8px 0px
}
a {
    color: #2cadff;
    text-decoration: none
}
.text {
    width: 135px;
    border: 1px solid #dedede;
    padding: 7px 5px;
    border-radius: 3px
}
.select {
    width: 147px;
    background: #FFFFFF;
    border: 1px solid #dedede;
    padding: 5px 5px;
    border-radius: 3px
}
.w83 {
    width: 83px
}
.button:hover {
    background: #53BAFF
}
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.button-mini{
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .1em 0.1em .1em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.button:active {
    position: relative;
    top: 1px
}
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background: -moz-linear-gradient(top,#faa51a,#f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#faa51a ',endColorstr= '#f47a20 ')
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top,#f88e11,#f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#f88e11 ',endColorstr= '#f06015 ')
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
    background: -moz-linear-gradient(top,#f47a20,#faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#f47a20 ',endColorstr= '#faa51a ')
}
.textarea {
    border: 1px solid #dedede;
    border-radius: 3px
}
.message {
    max-width: 490px;
    margin: 5px 0px
}
.message span {
    color: #333;
    display: block;
    border-radius: 3px;
    padding: 5px 10px
}
.message span.error {
    border: 1px solid #D893A1;
    background: #FBE6F2
}
.message span.success {
    border: 1px solid #80c65a;
    background: #ddf8cc
}
.bluegrad {
    background: #295596;
    background: -webkit-gradient(linear,left top,left bottom,from(#295596),to(#1a3864));
    background: -moz-linear-gradient(top,#295596,#1a3864);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#295596 ',endColorstr= '#1a3864 ')
}
.scrollup {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    background: url( '../images/icon_top.png ') no-repeat
}
.logout {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: url( '../images/logout.png ') no-repeat -4px -7px;
    position: absolute;
    top: 8px;
    right: 8px
}
.logout:hover {
    box-shadow: 0px 0px 11px #fff
}
span.update {
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    background: url( '../images/update.png ') no-repeat
}
span.delete {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-bottom: 4px;
    cursor: pointer;
    display: inline-block;
    background: url( '../images/del.png ') no-repeat
}
p#table-title span {
    text-transform: lowercase
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content {
    margin: 0;
    padding: 0
}
.header {
    position: relative;
    background: #183660
}
.menu_nav {
    position: absolute;
    bottom: 0px;
    right: 19px
}
.menu_nav ul {
    list-style: none
}
.menu_nav ul li {
    float: left;
    margin-right: 1px
}
.menu_nav ul li a {
    display: block;
    padding: 8px 12px;
    color: #848383;
    text-decoration: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px
}
.menu_nav ul li.has_sb_menu_nav ul {
    width: 100%;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0px;
    margin-left: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 2px 5px #999
}
.menu_nav ul li.has_sb_menu_nav ul li {
    clear: both;
    width: 100%
}
.menu_nav ul li.has_sb_menu_nav ul li a {
    display: block;
    color: #333;
    border-radius: 0
}
.menu_nav ul li:hover a:not(.menu-selected) {
    color: #333;
    background: #FFFFFF
}
.menu_nav ul li.has_sb_menu_nav:hover ul {
    display: block
}
.menu_nav ul li.has_sb_menu_nav:hover ul li a:hover {
    color: #fef4e9;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background: -moz-linear-gradient(top,#faa51a,#f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#faa51a ',endColorstr= '#f47a20 ')
}
.menu-selected {
    color: #fff !important;
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top,#f88e11,#f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#f88e11 ',endColorstr= '#f06015 ');
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.content {
    padding: 20px;
    min-height: 1000px
}
.content .article {
    margin: 0;
    padding: 0px 0px 10px 0px
}
.footer p.lr {
    margin: 0px 8px;
    padding: 4px 0;
    float: right;
    color: #888787
}
div#modal {
    display: none;
    background: rgba(0,0,0,0.6) fixed;
    position: absolute;
    top: 0;
    left: 0
}
div#modal p {
    position: fixed;
    width: 45px;
    height: 45px;
    position: fixed;
    top: 47%;
    left: 47%;
    background: transparent url( '../images/loading.gif ') no-repeat
}
table.table-data {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
    margin-left: -1px
}
table.table-data tr.header {
    background: #DCDCDC
}
table.table-data tr td, table.table-data tr th {
    padding: 4px 6px;
    border-right: 1px solid #dedede
}
table.table-data tr th {
    padding: 8px 6px
}
table.table-data tr td {
    text-align: center
}
table.table-data tr.row.odd {
    background: ghostwhite
}
table.table-data tr.row{
    border-top: 2px solid #DDDDDD;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
}

table.table-data tr.row:hover td {
    cursor: pointer;
    background: #b6c6d7;
    color: #333333
}
table.table-data tr th:last-child, table.table-data tr td:last-child {
    border-right: none
}
table.table-data .col-date {
    width: 100px;
    background: #DCDCDC
}
table.table-data .col-ratio {
    width: 60px
}
table.table-data .col-stddev {
    width: 60px
}
table.table-data .col-meanra {
    width: 60px
}
table.table-data .col-sdmean {
    width: 60px
}
table.table-data td.col-company {
    font-weight: bold;
    color: #FFFFFF
}
form#frmexplore {
    overflow: hidden
}
form#frmexplore div.table-left {
    float: left
}
form#frmexplore div.table-right {
    float: left;
    margin-left: 10px
}
form#frmexplore div.table-right p.text-sdmean {
    overflow: hidden;
    border-radius: 28px;
    margin-top: 20px;
    width: 187px
}
form#frmexplore div.table-right p.text-sdmean span.l-text {
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 0px 0px 0px 22px;
    margin-top: 17px
}
form#frmexplore div.table-right p.text-sdmean input#sdmean {
    float: right;
    width: 70px;
    border: 1px solid #dedede;
    padding: 5px 18px;
    border-radius: 28px;
    text-align: center;
    font-size: 3em
}
form#frmsymbol {
    overflow: hidden
}
form#frmsymbol div#symbol-list {
    float: left
}
form#frmsymbol div#symbol-list div#symbolslist {
    overflow-y: auto;
    height: 412px;
    width: 200px;
    border-radius: 3px;
    padding: 0px 10px
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    padding: 5px 0px
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row .left {
    float: left
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row .left .index-text {
    margin-left: 6px
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row .left .index-text strong {
    margin-right: 3px
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row .right {
    float: right;
    margin-right: 3px
}
form#frmsymbol div#symbol-list div#symbolslist p.list-row .row-delete.symbol.button {
    padding: 0px 5px
}
form#frmsymbol div#symbol-command {
    float: left;
    margin-left: 10px
}
p#tab-nav {
    overflow: hidden;
    border-bottom: 1px solid orange;
    padding: 0px
}
p#tab-nav span.tab-title {
    float: left;
    margin-right: 2px;
    padding: 8px 15px;
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background: -moz-linear-gradient(top,#faa51a,#f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#faa51a ',endColorstr= '#f47a20 ');
    color: #FFFFFF;
    cursor: pointer;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
p#tab-nav span.tab-title.selected {
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top,#f88e11,#f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#f88e11 ',endColorstr= '#f06015 ')
}
div#tab-wrap-content {
    width: 380px;
    height: 435px;
    overflow: hidden;
    position: relative
}
div#tab-wrap-content div.tab-content {
    position: absolute;
    width: 380px
}
div#tab-content-1 {
    top: 0px;
    left: 0px;
    overflow: hidden
}
div#tab-content-1 #txtnewsymbol {
    float: left;
    width: 228px;
    margin-right: 5px
}
div#tab-content-1 .button {
    float: left
}
div#tab-content-2 {
    top: 0px;
    left: 380px
}
div#watchlist-wrapper {
    overflow: hidden
}
div#watchlist-wrapper div#watchlist-list {
    width: 179px;
    float: left;
    margin-right: 20px;
    padding-right: 20px
}
div#watchlist-wrapper div#watchlist-list p.list-row {
    text-indent: 6px;
    padding: 0px;
    border-bottom: 1px solid #dedede;
    overflow: hidden
}
div#watchlist-wrapper div#watchlist-list p.list-row span.title {
    float: left;
    width: 120px
}
div#watchlist-wrapper div#watchlist-list p.list-row span.command {
    float: right
}
div#watchlist-wrapper div#watchlist-add {
    float: left
}
div#watchlist-wrapper div#watchlist-command {
    float: left;
    margin-left: 10px
}
div#table-backtest .backtest-row {
    border-bottom: 1px solid #dedede;
}
div#table-backtest .backtest-row p.backtest-row-trade-list {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}
div#table-backtest .backtest-row p.backtest-row-trade-list span {
    float: left;
    background: #cc6600;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    width: 94px;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
div#table-backtest .backtest-row p.backtest-row-trade-list a.updown {
    float: left;
    width: 16px;
    height: 16px;
    background: url('../images/down.png') no-repeat;
}
div#table-backtest .backtest-row ul.backtest-data-list {
    margin-left: 20px
}
div#table-backtest .backtest-row ul.backtest-data-list span {
    color: #cc6600;
    font-weight: bold
}
div#table-backtest .backtest-row ul.backtest-data-list li {
    list-style: none;
    margin-left: 20px
}
.hide {
    display: none;
}
